<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/include/taglib.jsp"%>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta charset="UTF-8">
		<title>足迹_共富网_Gofull.com.cn</title>
		<script src="/v3/js/jquery-1.10.2.min.js" type="text/javascript"></script>		
		<link type="text/css" rel="stylesheet" href="/v3/css/wstyle.css">
		<link type="text/css" rel="stylesheet" href="/v3/css/fpStyle.css">
	</head>
<style>
#footer{margin-top:0;}
</style>
	<body>
		<div id="wrap">
			<div class="my-foot">
				<div class="my-leval">
				<br>
					财富等级：${rankMap.t_rank_remarks}
				</div>
				<div class="my-next">
					<div class="leval-face">
					<c:choose>
						<c:when test="${rankMap.t_rank == 1}">
							<img src="/v3/images/footPrint/gunong.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank == 2}">
							<img src="/v3/images/footPrint/pinnong.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank == 3}">
							<img src="/v3/images/footPrint/zhongnong.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank == 4}">
							<img src="/v3/images/footPrint/funong.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank == 5}">
							<img src="/v3/images/footPrint/dizhu.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank == 6}">
							<img src="/v3/images/footPrint/tuhao.jpg"/>
						</c:when>
					</c:choose>
					</div>
					<div class="rate-leval">
						<span>据下个目标还需${rankMap.t_rank_per}%</span>
						<div class="per" data-rel="${100 - rankMap.t_rank_per}">
							<div style="width: ${100 - rankMap.t_rank_per}%"></div>
						</div>
						<span>
						击败全国${rankMap.t_jibai_per}%的投资人
						</span>
					</div>
					<div class="leval-face">
					<c:choose>
						<c:when test="${rankMap.t_rank + 1 == 2}">
							<img src="/v3/images/footPrint/pinnong.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank + 1 == 3}">
							<img src="/v3/images/footPrint/zhongnong.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank + 1 == 4}">
							<img src="/v3/images/footPrint/funong.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank + 1 == 5}">
							<img src="/v3/images/footPrint/dizhu.jpg"/>
						</c:when>
						<c:when test="${rankMap.t_rank + 1 >= 6}">
							<img src="/v3/images/footPrint/tuhao.jpg"/>
						</c:when>
					</c:choose>
					</div>
				</div>
				<ul class="my-index">
					<li>
					<span class="my-index-font">魅力指数</span>
					<span class="my-index-icon">
					<c:forEach var="i" begin="1" end="${rankMap.t_meili_guan}" step="1">
						<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					</c:forEach>
					<c:forEach var="i" begin="1" end="${rankMap.t_meili_zuan}" step="1">
						<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					</c:forEach>
					<c:forEach var="i" begin="1" end="${rankMap.t_meili_xing}" step="1">
						<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					</c:forEach>
					</span>
					</li>
					<li>
					<span class="my-index-font">红颜指数</span>
					<span class="my-index-icon">
					<c:forEach var="i" begin="1" end="${rankMap.t_hongyan_guan}" step="1">
						<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					</c:forEach>
					<c:forEach var="i" begin="1" end="${rankMap.t_hongyan_zuan}" step="1">
						<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					</c:forEach>
					<c:forEach var="i" begin="1" end="${rankMap.t_hongyan_xing}" step="1">
						<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					</c:forEach>
					</span>
					</li>
					<li>
					<span class="my-index-font">跟投指数</span>
					<span class="my-index-icon">
					<c:forEach var="i" begin="1" end="${rankMap.t_gentou_guan}" step="1">
						<img width="20" src="/v3/images/footPrint/hg-icon.jpg"/>
					</c:forEach>
					<c:forEach var="i" begin="1" end="${rankMap.t_gentou_zuan}" step="1">
						<img width="15" src="/v3/images/footPrint/zs-icon.jpg"/>
					</c:forEach>
					<c:forEach var="i" begin="1" end="${rankMap.t_gentou_xing}" step="1">
						<img width="13" src="/v3/images/footPrint/xx-icon.jpg"/>
					</c:forEach>
					</span>
					</li>
				</ul>
				<div class="shareFoot"><a href="javascript:void(0)" id="share_btn"><img src="/v3/images/footPrint/share-bt.jpg"/></a></div>
			</div>
			<div class="myFootPrint">
			<section id="cd-timeline" class="cd-container">
			<s:iterator value="#request.timeLine" var="t" status="var">
				<c:if test="${not empty t.dt}">
				<div class="cd-timeline-block">
					<s:if test="#var.index % 2 == 1"><div class="cd-timeline-img cd-blue"></s:if>
					<s:else><div class="cd-timeline-img cd-org"></s:else>
					</div>
					<div class="cd-timeline-content">
						<h2>${t.remarks}</h2>
						<p></p>
						<span class="cd-date"><s:date name="#t.dt" format="yyyy-MM-dd HH:mm:ss" /></span>
					</div>
				</div>
				</c:if>
			</s:iterator>
			</section>	
			</div>
		</div>
		<div class="share-layer">
				<div></div>
		</div>
		<jsp:include page="/include/v3/footer.jsp"></jsp:include>
<script>
$(window).load(function() {
	$(".rate-leval").width($(".my-next").width()-$(".leval-face").width()*2-5); 
	$(window).resize(function(){
		myWindowResize();
	})
	function myWindowResize(){
		$(".rate-leval").width($(".my-next").width()-$(".leval-face").width()*2-5); 
	}

	$('#share_btn').click(function(){
		$(".share-layer").show();
	});
	$('.share-layer').click(function(){
		$(".share-layer").hide();
	});
});
</script>

	</body>

</html>
